<script>

export default {
  props: {
    column: {
      type: Object,
      default: {
        setting: {
          prefix: '',
          suffix: ''
        }
      }
    },
  },
  methods: {
    searchValueChange(column, value) {
      this.$emit('searchValueChange', column, value);
    },
    getBodyData() {
      this.$emit('getBodyData')
    },
    /**
     * 对column进行处理
     * @param column 列的配置
     * @returns {*} 返回处理后的列的配置
     */
    newColumn(column) {
      // 如果column.textSetting不存在，就给它赋值一个空对象
      if (!column.setting) {
        column.setting = {}
      }
      // 如果前缀不存在，就给它赋值一个默认值
      if (!column.setting.prefix) {
        column.setting.prefix = ''
      }
      // 如果后缀不存在，就给它赋值一个默认值
      if (!column.setting.suffix) {
        column.setting.suffix = ''
      }
      return column
    },
  }
}
</script>

<template>
  <a-input
      :placeholder="column.placeholder"
      @input="searchValueChange(column, $event.target.value)"
      @keyup.enter.native="getBodyData()"
      allow-clear
  >
<!--  判断是否有前缀  -->
        <template
            v-if="newColumn(column).setting.prefix"
            #prefix>
          <span class="pa-span">
            {{newColumn(column).setting.prefix}}
          </span>
        </template>

<!--  判断是否有后缀  -->
        <template
            v-if="newColumn(column).setting.suffix"
            #suffix>
          <span class="pa-span">
            {{newColumn(column).setting.suffix}}
          </span>
        </template>


  </a-input>
</template>

<style lang="scss" scoped>
</style>